$(function () {

    /* 初始化 */
    init();

    function init() {
        mui.init({
            pullRefresh: {
                container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    height: 50, //可选,默认50.触发下拉刷新拖动距离,
                    auto: true, //可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () { //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                        queryProductDetail(function (result) {
                            console.log(result);
                            result.sizeArr = $.sizeFormat(result.size);

                            /* 使用模板引擎添加数据 */

                            var html = template("mainTpl", result);
                            $(".mui-scroll").html(html);

                            /* 轮播图初始化 */
                            carousel();

                            /* 手动初始化数字输入框 */
                            mui(".mui-numbox").numbox();

                            /* 结束下拉刷新 */
                            mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                        });
                        
                    }
                }
            }
        });


        /* 点击尺码选中，要使用事件委托的方式，因为span标签是动态生成的 */
        $(".mui-scroll").on("tap", ".pro-size > span", function () {
            $(this).addClass("active").siblings().removeClass("active");
        });


        /* 加入购物车 */
        $(".add-cart").on("tap", function () {
            /**
             * 1. 判断有没有选中尺码
             * 2. 判断数量的值是否合法
             * 3. 再去做添加到购物车
             */

            /* 判断是否选择了尺码 */
            if ($(".pro-size span.active").length < 1) {
                //不满足条件，提示，不执行下面代码
                mui.toast("请选择尺码");
                return;
            }
            /* 判断是否选择了数量 */
            if ($(".mui-numbox-input").val() < 1) {
                /* 没有选择数量，提示，不执行下面代码 */
                mui.toast("请选择数量");
                return;
            }

            /* 请求参数对象 */
            var queryObj = {
                productId: $.getQueryString("id"),
                num: $(".mui-numbox-input").val(),
                size: $(".pro-size span.active").html()
            };
            console.log(queryObj);

            /* 使用自己封装好的ajax请求数据 */
            $.ltAjax({
                url: "/cart/addCart",
                type: "post",
                data: queryObj,
                success: function (result) {
                    /* 登录成功就询问是否跳转到购物车 */
                    mui.confirm("是否到购物车查看", "温馨提示", ["是", "否"], function (a) {
                        if (a.index == 0) {
                            /* 跳转到购物车页面 */
                            console.log(result);
                            // return;
                            location.href = "./cart.html";
                            
                        } else {
                            /* 不跳转 */
                        }
                    });
                }
            });

        });

    }

    /* 轮播图自动轮播 */
    function carousel() {
        //获得slider插件对象
        var gallery = mui('.mui-slider');
        gallery.slider({
            interval: 1000 //自动轮播周期，若为0则不自动播放，默认为0；
        });
    }


    /* 请求数据的函数 */
    function queryProductDetail(callback) {
        $.get("/product/queryProductDetail?id=" + $.getQueryString("id"), function (result) {
            console.log(result);
            callback && callback(result);
        });
    }

});